<div *ngIf="company && riskCompany">
    <div class="d-flex align-items-center mb-3">
        <h4 class="mr-auto">ESG Risk Rating
            <span *ngIf="isCore" class="badge badge-medium-grey text-body ml-2">CORE FRAMEWORK</span>
        </h4>
        <div class="ml-auto">
            <app-company-report-download [company]="company" [downloadData]="downloadData" [displayText]="'Executive Summary'" [isSummary]="true" [isPrimary]="false" [analyticsData]="summaryAnalyticsData"></app-company-report-download>
            <app-company-report-download [company]="company" [downloadData]="downloadData" [displayText]="'Full Report'" [isSummary]="false" class="ml-2" [analyticsData]="analyticsData"></app-company-report-download>
        </div>
    </div>

    <div *ngIf="researchStatusText && riskCompany.availability != 1">
        {{ noResearchMessage }}
    </div>

    <router-outlet></router-outlet>
</div>